<main class="container">
  <h3 class="page-title">Yozora</h3>
  <section class="slideshow">
    <div class="slide">
      <h1 class="slide-title">Star</h1>
    </div>
    <div class="slide">
      <h1 class="slide-title">Forest</h1>
    </div>
    <div class="slide">
      <h1 class="slide-title">Light</h1>
    </div>
    <div class="slide">
      <h1 class="slide-title">Gothic</h1>
    </div>
    <div class="slide">
      <h1 class="slide-title">Cosmic</h1>
    </div>
  </section>
  <section class="bars">
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
  </section>
  <ul class="nav-dots">
    <li class="dot"><a href="#"></a></li>
    <li class="dot"><a href="#"></a></li>
    <li class="dot"><a href="#"></a></li>
    <li class="dot"><a href="#"></a></li>
    <li class="dot"><a href="#"></a></li>
  </ul>
</main>